@charset "utf-8";
.ab-us-box {
    .border{
            border: none;
    }   
    .kv {
        padding: 0;
        img {
            width: 100%;
        }
    }
    .company {
        margin-top: 93px;
        h4 {
            font-size: 36px;
            color: #2a2a2a;
            margin: 0;
            padding-bottom: 37px;
        }
        p {
            font-size: 21px;
            color: #2a2a2a;
            margin: 0;
            padding-bottom: 33px;
        }
        span {
            display: inline-block;
            text-indent: 2em;
            font-size: 14px;
            line-height: 2em;
            color: #2a2a2a;
            padding-bottom: 26px;
        }
    }
    .company-bg {
        height: 500px;
        background-image: url(../img/about-us/layabox.png);
        background-repeat: no-repeat;
        background-position: left 0px top 236px;
    }
    .recruit-box {
        background-color: #8cc11f;
        .recruit-content {
            margin-top: 115px;
            margin-bottom: 100px;
            h3 {
                font-size: 36px;
                color: white;
                margin: 0;
            }
            p {
                margin: 62px auto 23px;
                font-size: 16px;
                color: white;
                line-height: 2em;
            }
            span {
                font-size: 16px;
                color: white;
            }
        }
        .hr-email {
            margin-top: 222px;
            p {
                font-size: 16px;
                color: white;
                margin: 0;
            }
            button {
                width: 219px;
                height: 48px;
                border: none;
                background-color: white;
                border-radius: 10px;
                color: #8cc11f;
                font-size: 24px;
                margin: 20px auto 16px;
            }
            span {
                font-size: 16px;
                color: white;
                margin: 0;
                display: block;
            }
        }
    }
    .recruit-report {
        margin-top: 122px;
        padding-bottom: 65px;
        border-bottom: 1px solid #d2d2d2;
        p {
            font-size: 16px;
            color: #8cc11f;
            margin: 0;
        }
        dl {
            margin: 40px auto 0px;
            dd {
                padding-left: 22px;
                line-height: 2em;
                font-size: 14px;
                color: #2a2a2a;
            }
        }
        
    }
   
    .contact-box {
        background-color: #f4f4f4;
        .contact-way {
            margin-top: 45px;
             margin-bottom: 65px;
            p {
                font-size: 36px;
                margin: 0;
            }
            .way{
                background-color: white;
                height: 102px;
                border-radius: 15px;
                margin-right: 50px;
                margin-left: 15px;
                margin-top: 43px;
               .address{
                   height: 69px;
                   background-color: #f4f4f4;
                   margin:15px 10px 10px 15px;
                  
               }
               .address-text{
                   padding: 36px 0 0;
                    p{
                       font-size: 14px;
                   }
               }
            }
        }
    }
}
@media only screen and (max-width:768px){
  .ab-us-box .company-bg{
      height: 0;
      background-image: none;
  }  
  .ab-us-box .recruit-box .hr-email{
      margin-top: 0;
      margin-bottom: 50px;
  }
  .ab-us-box .recruit-box .recruit-content{
      margin-top: 50px;
  }
  .ab-us-box .company h4{
      text-align: center;
  }
  .ab-us-box .recruit-box .recruit-content h3{
      text-align: center;
  }
  .ab-us-box .recruit-box .recruit-content p{
      margin-top: 20px;
  }
}
@media only screen and (max-width:768px){
    .ab-us-box .contact-box .contact-way p{
        font-size: 20px;
        text-align: center;
    }

}
@media only screen and (max-width:768px){
    .ab-us-box .contact-box .contact-way .way{
        margin-left: 0;
    }
}
    

